.remark-form-design {
  height: 100%;
  display: flex;
  flex-direction: column;
  .header {
    margin: 16px 16px 0 16px;
    padding: 0 12px 0 16px;
    position: sticky;
    flex: 0 0 48px;
    top: 0;
    height: 48px;
    color: #fff;
    background: linear-gradient(270deg, $color-primary-light-4 0%, $color-primary-light-6 100%);
    display: flex;
    align-items: center;
    justify-content: space-between;

    .form-builder-save-btn {
      width: 68px;
      height: 32px;
      line-height: 1;
      color: $color-primary;
      background: #ffffff;
      border-radius: $button-radius-base;
    }
  }

  .task-form-design {
    flex: 1;
    padding: 20px;
    height: 80%;

    .form-design-setting {
      width: 330px;
    }
  }
}
